'use client'
import ImageOperationsArea from "@/app/components/image-operations-area";
import { BreadcrumbItem, Breadcrumbs } from "@nextui-org/react";

export default function MarketDetail(){
    const images = [
        'https://via.placeholder.com/377x526',
        'https://via.placeholder.com/367x526',
        'https://via.placeholder.com/357x526',
        'https://via.placeholder.com/347x526',
        'https://via.placeholder.com/337x526',
    ]
    return (
        <div className="market-detail-content">
            <Breadcrumbs variant="solid" className="mt-[31px] ml-[66px] mb-[50px]">
                <BreadcrumbItem>更多</BreadcrumbItem>
                <BreadcrumbItem>图片</BreadcrumbItem>
                <BreadcrumbItem>图片详情</BreadcrumbItem>
            </Breadcrumbs>
            <div className="mark_page_content px-[66px] pb-[5px]">
                <ImageOperationsArea images={images}></ImageOperationsArea>
            </div>
        </div>
    )
}